<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>主题配置 | iro Wiki</title>
    <meta name="generator" content="VuePress 1.8.0">
    <link rel="icon" href="/img/novel.png">
    <link rel="manifest" href="/manifest.json">
    <link rel="apple-touch-icon" href="/img/novel.png">
    <link rel="mask-icon" href="/img/novel.png" color="#505050">
    <script async="true" src="//at.alicdn.com/t/font_1140697_stqaphw3j4.js"></script>
    <meta name="description" content="一个多彩，轻松上手，体验完善，具有强大自定义功能的WordPress主题">
    <meta name="theme-color" content="#505050">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#505050">
    <meta name="msapplication-TileImage" content="/img/novel.png">
    <meta name="msapplication-TileColor" content="#505050">
    
    <link rel="preload" href="/assets/css/0.styles.f6581de0.css" as="style"><link rel="preload" href="/assets/js/app.901316b9.js" as="script"><link rel="preload" href="/assets/js/2.376dbb9a.js" as="script"><link rel="preload" href="/assets/js/11.f6192926.js" as="script"><link rel="preload" href="/assets/js/3.8d133bb0.js" as="script"><link rel="prefetch" href="/assets/js/10.5c1c4e94.js"><link rel="prefetch" href="/assets/js/12.aa598449.js"><link rel="prefetch" href="/assets/js/13.18e9ddff.js"><link rel="prefetch" href="/assets/js/4.aed78e18.js"><link rel="prefetch" href="/assets/js/5.766f7ad1.js"><link rel="prefetch" href="/assets/js/6.6d20c684.js"><link rel="prefetch" href="/assets/js/7.7ef320fd.js"><link rel="prefetch" href="/assets/js/8.f89b026a.js"><link rel="prefetch" href="/assets/js/9.82360cc5.js">
    <link rel="stylesheet" href="/assets/css/0.styles.f6581de0.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/img/novel.png" alt="iro Wiki" class="logo"> <span class="site-name can-hide">iro Wiki</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">
  主页
</a></div><div class="nav-item"><a href="/guide/" class="nav-link router-link-active">
  开始使用
</a></div><div class="nav-item"><a href="https://demo.iro.tw/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  演示站点
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/mirai-mamori/Sakurairo" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">
  主页
</a></div><div class="nav-item"><a href="/guide/" class="nav-link router-link-active">
  开始使用
</a></div><div class="nav-item"><a href="https://demo.iro.tw/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  演示站点
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/mirai-mamori/Sakurairo" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><a href="/about.html" class="sidebar-link">关于</a></li><li><a href="/guide/" aria-current="page" class="sidebar-link">快速开始</a></li><li><a href="/guide/about.html" aria-current="page" class="active sidebar-link">主题配置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/about.html#初步设置" class="sidebar-link">初步设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#全局设置" class="sidebar-link">全局设置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/about.html#外观设置" class="sidebar-link">外观设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#夜间模式-深色模式" class="sidebar-link">夜间模式/深色模式</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#字体设置" class="sidebar-link">字体设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#导航菜单设置" class="sidebar-link">导航菜单设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#样式菜单和前台背景相关设置" class="sidebar-link">样式菜单和前台背景相关设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#页尾设置" class="sidebar-link">页尾设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#鼠标设置" class="sidebar-link">鼠标设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#额外设置" class="sidebar-link">额外设置</a></li></ul></li><li class="sidebar-sub-header"><a href="/guide/about.html#主页设置" class="sidebar-link">主页设置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/about.html#封面设置" class="sidebar-link">封面设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#随机图" class="sidebar-link">随机图</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#封面视频" class="sidebar-link">封面视频</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#封面社交区域" class="sidebar-link">封面社交区域</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#全局定制图标" class="sidebar-link">全局定制图标</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#公告栏和区域标题" class="sidebar-link">公告栏和区域标题</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#展示区域设置" class="sidebar-link">展示区域设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#文章区域" class="sidebar-link">文章区域</a></li></ul></li><li class="sidebar-sub-header"><a href="/guide/about.html#页面设置" class="sidebar-link">页面设置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/about.html#综合设置" class="sidebar-link">综合设置</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#文章页面" class="sidebar-link">文章页面</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#模板页面" class="sidebar-link">模板页面</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#哔哩哔哩追番模板" class="sidebar-link">#哔哩哔哩追番模板</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#评论相关" class="sidebar-link">评论相关</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#邮件模板自定义" class="sidebar-link">邮件模板自定义</a></li></ul></li><li class="sidebar-sub-header"><a href="/guide/about.html#短代码" class="sidebar-link">短代码</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/guide/about.html#特效资源云端化" class="sidebar-link">特效资源云端化</a></li><li class="sidebar-sub-header"><a href="/guide/about.html#系统级集成升级功能" class="sidebar-link">系统级集成升级功能</a></li></ul></li></ul></li><li><a href="/guide/feedback.html" class="sidebar-link">反馈</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="主题配置"><a href="#主题配置" class="header-anchor">#</a> 主题配置</h1> <h2 id="初步设置"><a href="#初步设置" class="header-anchor">#</a> 初步设置</h2> <h4 id="站点名称"><a href="#站点名称" class="header-anchor">#</a> 站点名称</h4> <p>设置您站点的名称，在<code>iro主题设置</code>中的<code>初步设置-站点名称</code>中设置</p> <h4 id="作者名称"><a href="#作者名称" class="header-anchor">#</a> 作者名称</h4> <p>填写作者名称，在<code>iro主题设置</code>中的<code>初步设置-作者名称</code>中设置</p> <h4 id="个人头像"><a href="#个人头像" class="header-anchor">#</a> 个人头像</h4> <p>填写或上传个人头像URL，在<code>iro主题设置</code>中的<code>初步设置-个人头像</code>中设置</p> <p>所上传的图像用于<code>首页头像</code>以及<code>文章页面作者信息头像</code> <img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121232136.png" alt="首页头像"> <img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121232449.png" alt="文章页面作者信息头像"></p> <h4 id="白猫特效文字"><a href="#白猫特效文字" class="header-anchor">#</a> 白猫特效文字</h4> <p>开启填写所需内容，在<code>iro主题设置</code>中的<code>初步设置-白猫特效文字</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121232908.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121233048.png" alt=""></p> <blockquote><p>本功能开启后上方个人头像在首页的头像将不会显示</p></blockquote> <h4 id="导航菜单logo"><a href="#导航菜单logo" class="header-anchor">#</a> 导航菜单Logo</h4> <p>填写或上传导航菜单Logo图片URL，在<code>iro主题设置</code>中的<code>初步设置-导航菜单Logo</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121233358.png" alt=""></p> <blockquote><p>开启本功能后导航菜单文字Logo将不会显示</p></blockquote> <h4 id="站点logo"><a href="#站点logo" class="header-anchor">#</a> 站点Logo</h4> <p>填写或上传站点Logo图片URL，在<code>iro主题设置</code>中的<code>初步设置-站点Logo</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121233742.png" alt=""></p> <h4 id="自定义站点关键词和描述"><a href="#自定义站点关键词和描述" class="header-anchor">#</a> 自定义站点关键词和描述</h4> <p>开启填写<code>站点关键词、站点描述</code>，在<code>iro主题设置</code>中的<code>初步设置-自定义站点关键词和描述</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121234216.png" alt=""></p> <blockquote><p>开启并正确填写可能会有助于提高您站点在搜索引擎上的排名</p></blockquote> <h2 id="全局设置"><a href="#全局设置" class="header-anchor">#</a> 全局设置</h2> <h3 id="外观设置"><a href="#外观设置" class="header-anchor">#</a> 外观设置</h3> <h4 id="主题色"><a href="#主题色" class="header-anchor">#</a> 主题色</h4> <p>设置站点的主题色，在<code>iro主题设置</code>中的<code>全局设置-外观设置-主题色</code>中设置</p> <h4 id="主题色搭配色"><a href="#主题色搭配色" class="header-anchor">#</a> 主题色搭配色</h4> <p>设置站点的主题搭配色，在<code>iro主题设置</code>中的<code>全局设置-外观设置-主题色搭配色</code>中设置</p> <h3 id="夜间模式-深色模式"><a href="#夜间模式-深色模式" class="header-anchor">#</a> 夜间模式/深色模式</h3> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121193234.png" alt=""></p> <p>本主题支持夜间模式，在页面的右下角可以开启夜间模式。</p> <h4 id="深色模式主题色"><a href="#深色模式主题色" class="header-anchor">#</a> 深色模式主题色</h4> <p>设置站点的深色模式的主题色，在<code>iro主题设置</code>中的<code>全局设置-外观设置-深色模式主题色</code>中设置</p> <h4 id="深色模式自动切换"><a href="#深色模式自动切换" class="header-anchor">#</a> 深色模式自动切换</h4> <p>设置站点的深色模式自动切换，在<code>iro主题设置</code>中的<code>全局设置-外观设置-深色模式自动切换</code>中设置</p> <blockquote><p>开启后 深色模式会在<code>22:00-7:00</code>自动切换</p></blockquote> <h4 id="深色模式图像亮度"><a href="#深色模式图像亮度" class="header-anchor">#</a> 深色模式图像亮度</h4> <p>设置站点的深色模式的图像亮度，在<code>iro主题设置</code>中的<code>全局设置-外观设置-深色模式图像亮度</code>中设置</p> <blockquote><p>滑动滑块调节设置，推荐数值范围为0.6-0.8</p></blockquote> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121235150.png" alt="0.4"> 数值<code>0.4</code> <img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121235400.png" alt="1">数值<code>1</code></p> <h4 id="深色模式部件透明度"><a href="#深色模式部件透明度" class="header-anchor">#</a> 深色模式部件透明度</h4> <p>设置站点的深色模式部件透明度，在<code>iro主题设置</code>中的<code>全局设置-外观设置-深色模式部件透明度</code>中设置</p> <blockquote><p>滑动滑块调节设置，推荐数值范围为0.6-0.8</p></blockquote> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121235732.png" alt="0.2"> 数值<code>0.2</code> <img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121235808.png" alt="1">数值<code>1</code></p> <h4 id="加载控件单元占位svg"><a href="#加载控件单元占位svg" class="header-anchor">#</a> 加载控件单元占位SVG</h4> <p>设置站点的加载控件单元占位SVG，在<code>iro主题设置</code>中的<code>全局设置-外观设置-加载控件单元占位SVG</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122000147.png" alt=""></p> <h3 id="字体设置"><a href="#字体设置" class="header-anchor">#</a> 字体设置</h3> <h4 id="非强调文本字重"><a href="#非强调文本字重" class="header-anchor">#</a> 非强调文本字重</h4> <p>设置站点的非强调文本字重，在<code>iro主题设置</code>中的<code>全局设置-外观设置-非强调文本字重</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为300-500</p></blockquote> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122000511.png" alt="100">数值<code>100</code> <img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122000653.png" alt="700">数值<code>700</code></p> <h4 id="文本字体大小"><a href="#文本字体大小" class="header-anchor">#</a> 文本字体大小</h4> <p>设置站点的文本字体大小，在<code>iro主题设置</code>中的<code>全局设置-外观设置-文本字体大小</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为15-18px</p></blockquote> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122000806.png" alt="10">数值<code>10</code> <img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122000843.png" alt="20">数值<code>20</code></p> <h4 id="引用外部字体"><a href="#引用外部字体" class="header-anchor">#</a> 引用外部字体</h4> <p>填写引用外部字体CSS URL，在<code>iro主题设置</code>中的<code>全局设置-字体设置-引用外部字体</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122001102.png" alt=""></p> <blockquote><p>首先要有<code>ttf</code>格式的字体文件,准备好字体后在再<a href="https://www.fontke.com/tool/fontface/" target="_blank" rel="noopener noreferrer">这个站点<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>里来转换为方便网页使用的格式，在这个能生成一堆文件，文件都有用，放在一个可以访问的服务器、oos、cdn等上，然后将能调用到字体文件夹里的<code>css文件</code>的链接填写到<code>字体链接</code></p></blockquote> <blockquote><p>之后在<code>字体名称</code>里填写字体名称，如何获取找到字体名称？以文本方式打开上面生成web字体时的<code>css格式的文件</code>，<code>font-family:</code>引号后面里就是字体名。（注意不要将引号一起填入）</p></blockquote> <h4 id="使用谷歌字体"><a href="#使用谷歌字体" class="header-anchor">#</a> 使用谷歌字体</h4> <p>填写谷歌字体名称，在<code>iro主题设置</code>中的<code>全局设置-字体设置-谷歌字体名称</code>中设置</p> <blockquote><p>请确保添加的字体在<a href="http://www.googlefonts.cn/" target="_blank" rel="noopener noreferrer">谷歌字体库<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>内可被引用，填写字体名称。添加的字体前面必须有”|“。如果引用多个字体，请使用“|”作为分割符，如果字体名称有空格，请用加号替代。</p></blockquote> <blockquote><p>例如：|ZCOOL+XiaoWei|Ma+Shan+Zheng
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122001833.png" alt=""></p></blockquote> <h3 id="导航菜单设置"><a href="#导航菜单设置" class="header-anchor">#</a> 导航菜单设置</h3> <h4 id="导航菜单样式"><a href="#导航菜单样式" class="header-anchor">#</a> 导航菜单样式</h4> <p>选择导航菜单样式，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单样式</code>中设置</p> <ul><li><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/nav_menu_style_iro.png" alt="Sakurairo"></li> <li>Sakurairo样式：
<ul><li>导航菜单圆角：
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122002721.png" alt=""></li> <li>导航菜单收缩比率
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122002912.png" alt="65%">收缩65%</li></ul></li> <li><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/nav_menu_style_sakura.png" alt="Sakura"></li> <li>Sakura样式：</li></ul> <h4 id="导航菜单内容显示"><a href="#导航菜单内容显示" class="header-anchor">#</a> 导航菜单内容显示</h4> <p>选择导航菜单内容显示，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单内容显示</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122003353.png" alt=""></p> <p>展开显示</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122003536.png" alt=""></p> <p>收缩显示</p> <h4 id="导航菜单动画"><a href="#导航菜单动画" class="header-anchor">#</a> 导航菜单动画</h4> <p>选择是否开启显示导航菜单动画，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单动画</code>中设置</p> <h4 id="导航菜单动画时间"><a href="#导航菜单动画时间" class="header-anchor">#</a> 导航菜单动画时间</h4> <p>设置站点的导航菜单动画时间，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单动画时间</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为1-2</p></blockquote> <h4 id="导航菜单图标大小"><a href="#导航菜单图标大小" class="header-anchor">#</a> 导航菜单图标大小</h4> <p>选择导航菜单图标大小，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单图标大小</code>中设置</p> <h4 id="导航菜单搜索"><a href="#导航菜单搜索" class="header-anchor">#</a> 导航菜单搜索</h4> <p>选择是否开启显示导航菜单搜索，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单搜索</code>中设置</p> <h4 id="导航菜单搜索区域背景图片"><a href="#导航菜单搜索区域背景图片" class="header-anchor">#</a> 导航菜单搜索区域背景图片</h4> <p>设置站点的导航菜单搜索区域背景图片URL，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单搜索区域背景图片</code>中设置</p> <blockquote><p>设置你的搜索区域背景图片，此选项留空则显示白色背景</p></blockquote> <h4 id="导航菜单用户头像"><a href="#导航菜单用户头像" class="header-anchor">#</a> 导航菜单用户头像</h4> <p>选择是否开启显示导航菜单用户头像，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单用户头像</code>中设置</p> <blockquote><p>开启后主页右上角显示用户头像，点击将进入登录界面</p></blockquote> <h4 id="导航菜单用户未登录头像"><a href="#导航菜单用户未登录头像" class="header-anchor">#</a> 导航菜单用户未登录头像</h4> <p>设置站点的导航菜单用户未登录头像图片URL，在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单用户未登录头像</code>中设置</p> <h4 id="白猫样式logo"><a href="#白猫样式logo" class="header-anchor">#</a> 白猫样式Logo</h4> <p>本主题自带白猫样式Logo，可在您可以在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-白猫样式Logo</code>中开启</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121203037.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/awda.gif" alt=""></p> <ul><li><p>Logo文字填写</p></li> <li><p>logo文字我们分为<code>A B C</code>（前 中 后）3个部分</p></li> <li><p><code>A</code>（前）部分是主体部分 一般用来填写“博客名”等</p></li> <li><p><code>B</code>（中）部分在开启logo特效时会有字体旋转的效果 一般用来填写“の”效果会比较好</p></li> <li><p><code>C</code>（后）部分是结尾部分 一般用来填写“Blog 博客”等</p></li> <li><p>Logo字体（可选）</p></li> <li><p>首先要有<code>ttf</code>格式的字体文件（百度免费商用字体选一个自己喜欢的即可），原始的<code>ttf</code>字体文件可能很大，可以到 <a href="https://www.fontke.com/tool/subfont/" target="_blank" rel="noopener noreferrer">这个站点<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 来获取字体的子集，例如我使用的字体文件就只包含博客名字 “维安雨轩のBlog”与英文字母，文件大小只有10KB，既省空间又省流量。</p></li> <li><p>准备好字体后在再<a href="https://www.fontke.com/tool/fontface/" target="_blank" rel="noopener noreferrer">这个站点<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>里来转换为方便网页使用的格式，在这个能生成一堆文件，文件都有用，放在一个可以访问的服务器、oos、cdn等上，然后将能调用到字体文件夹里的<code>css文件</code>的链接填写到<code>logo字体链接</code></p></li> <li><p>之后在<code>logo字体名称</code>里填写字体名称，如何获取找到字体名称？以文本方式打开上面生成web字体时的<code>css格式的文件</code>，<code>font-family:</code>引号后面里就是字体名。（注意不要将引号一起填入）</p></li></ul> <h4 id="导航菜单文字logo"><a href="#导航菜单文字logo" class="header-anchor">#</a> 导航菜单文字Logo</h4> <p>设置站点的导航菜单文字Logo(无特效），在<code>iro主题设置</code>中的<code>全局设置-导航菜单设置-导航菜单文字Logo</code>中设置</p> <blockquote><p>如开启白猫样式Logo则无需填写</p></blockquote> <h3 id="样式菜单和前台背景相关设置"><a href="#样式菜单和前台背景相关设置" class="header-anchor">#</a> 样式菜单和前台背景相关设置</h3> <h4 id="样式菜单显示"><a href="#样式菜单显示" class="header-anchor">#</a> 样式菜单显示</h4> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/style_menu_full.png" alt=""></p> <p>完整显示</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/style_menu_mini.png" alt=""></p> <p>简单显示</p> <h4 id="样式菜单按钮圆角"><a href="#样式菜单按钮圆角" class="header-anchor">#</a> 样式菜单按钮圆角</h4> <p>设置站点的样式菜单按钮圆角，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-样式菜单按钮圆角</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值为12</p></blockquote> <h4 id="样式菜单背景颜色"><a href="#样式菜单背景颜色" class="header-anchor">#</a> 样式菜单背景颜色</h4> <p>设置站点样式菜单背景颜色，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-样式菜单背景颜色</code>中设置</p> <blockquote><p>建议使用浅色系颜色</p></blockquote> <h4 id="样式菜单选项背景颜色"><a href="#样式菜单选项背景颜色" class="header-anchor">#</a> 样式菜单选项背景颜色</h4> <p>设置站点样式菜单背景颜色，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-样式菜单背景颜色</code>中设置</p> <blockquote><p>建议使用与主题色相同色系且属于浅色系的颜色</p></blockquote> <h4 id="样式菜单选项界面圆角"><a href="#样式菜单选项界面圆角" class="header-anchor">#</a> 样式菜单选项界面圆角</h4> <p>设置样式菜单选项界面圆角，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-样式菜单选项界面圆角</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值为15</p></blockquote> <h4 id="前台背景设置"><a href="#前台背景设置" class="header-anchor">#</a> 前台背景设置</h4> <p>设置样式菜单点击对应的图案时前台背景，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-前台背景设置</code>中设置</p> <h4 id="前台背景透明度"><a href="#前台背景透明度" class="header-anchor">#</a> 前台背景透明度</h4> <p>设置样式菜单前台背景透明度，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-前台背景透明度</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为0.6-0.8</p></blockquote> <h4 id="默认字体-样式菜单字体a"><a href="#默认字体-样式菜单字体a" class="header-anchor">#</a> 默认字体/样式菜单字体A</h4> <p>设置默认字体/样式菜单点击对应的菜单字体A，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-默认字体/样式菜单字体A</code>中设置</p> <h4 id="样式菜单字体b"><a href="#样式菜单字体b" class="header-anchor">#</a> 样式菜单字体B</h4> <p>设置样式菜单点击对应的样式菜单字体B，在<code>iro主题设置</code>中的<code>全局设置-样式菜单和前台背景相关设置-样式菜单字体B</code>中设置</p> <h3 id="页尾设置"><a href="#页尾设置" class="header-anchor">#</a> 页尾设置</h3> <h4 id="页尾在线播放器"><a href="#页尾在线播放器" class="header-anchor">#</a> 页尾在线播放器</h4> <p>选择页尾在线播放器，在<code>iro主题设置</code>中的<code>全局设置-页尾设置-页尾在线播放器</code>中设置</p> <p>支持在线音乐有</p> <ul><li>网易云音乐</li> <li>酷狗音乐</li> <li>千千音乐</li> <li>QQ音乐</li></ul> <h4 id="页尾小部件区"><a href="#页尾小部件区" class="header-anchor">#</a> 页尾小部件区</h4> <p>设置页尾小部件区是否开启显示，在<code>iro主题设置</code>中的<code>全局设置-页尾设置-页尾小部件区</code>中设置</p> <ul><li>页尾小部件区背景：填写图片URL</li></ul> <h4 id="页尾动态樱花图标"><a href="#页尾动态樱花图标" class="header-anchor">#</a> 页尾动态樱花图标</h4> <p>设置页尾动态樱花图标是否开启显示，在<code>iro主题设置</code>中的<code>全局设置-页尾设置-页尾动态樱花图标</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122011431.png" alt=""></p> <h4 id="脚页一言-随机话语api"><a href="#脚页一言-随机话语api" class="header-anchor">#</a> 脚页一言（随机话语API）</h4> <p>本主题自带脚页一言（随机话语API），可在您可以在<code>iro主题设置</code>中的<code>全局设置-页尾设置-页尾随机话语</code>中开启</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121201256.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121201523.png" alt=""></p> <h4 id="页尾负载占用"><a href="#页尾负载占用" class="header-anchor">#</a> 页尾负载占用</h4> <p>本主题自带页尾负载占用，可在您可以在<code>iro主题设置</code>中的<code>全局设置-页尾设置-页尾负载占用</code>中开启</p> <p>开启之后页尾将出现负载占用信息
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122010652.png" alt=""></p> <h4 id="页尾信息"><a href="#页尾信息" class="header-anchor">#</a> 页尾信息</h4> <p>设置页尾信息，在<code>iro主题设置</code>中的<code>全局设置-页尾设置-页尾信息</code>中设置</p> <blockquote><p>页尾说明文字，支持HTML代码</p></blockquote> <h3 id="鼠标设置"><a href="#鼠标设置" class="header-anchor">#</a> 鼠标设置</h3> <h4 id="标准鼠标样式"><a href="#标准鼠标样式" class="header-anchor">#</a> 标准鼠标样式</h4> <p>设置标准鼠标样式，在<code>iro主题设置</code>中的<code>全局设置鼠标设置-标准鼠标样式</code>中设置</p> <blockquote><p>应用于全局，填写Cur鼠标文件链接</p></blockquote> <h4 id="选定鼠标样式"><a href="#选定鼠标样式" class="header-anchor">#</a> 选定鼠标样式</h4> <p>设置选定鼠标样式，在<code>iro主题设置</code>中的<code>全局设置鼠标设置-选定鼠标样式</code>中设置</p> <blockquote><p>应用于多种样式，填写Cur鼠标文件链接</p></blockquote> <h4 id="选中控件单元鼠标样式"><a href="#选中控件单元鼠标样式" class="header-anchor">#</a> 选中控件单元鼠标样式</h4> <p>设置选中控件单元鼠标样式，在<code>iro主题设置</code>中的<code>全局设置鼠标设置-选中控件单元鼠标样式</code>中设置</p> <blockquote><p>应用于选中某个控件单元，填写Cur鼠标文件链接</p></blockquote> <h4 id="选中文本鼠标样式"><a href="#选中文本鼠标样式" class="header-anchor">#</a> 选中文本鼠标样式</h4> <p>设置选中文本鼠标样式，在<code>iro主题设置</code>中的<code>全局设置鼠标设置-选中文本鼠标样式</code>中设置</p> <blockquote><p>应用于选中文本，填写Cur鼠标文件链接</p></blockquote> <h4 id="工作状态鼠标样式"><a href="#工作状态鼠标样式" class="header-anchor">#</a> 工作状态鼠标样式</h4> <p>设置工作状态鼠标样式，在<code>iro主题设置</code>中的<code>全局设置鼠标设置-工作状态鼠标样式</code>中设置</p> <blockquote><p>应用于加载控件单元，填写Cur鼠标文件链接</p></blockquote> <h3 id="额外设置"><a href="#额外设置" class="header-anchor">#</a> 额外设置</h3> <h4 id="网页预加载"><a href="#网页预加载" class="header-anchor">#</a> 网页预加载</h4> <p>本主题自带预加载动画，默认关闭，可在您可以在<code>iro主题设置</code>中的<code>全局设置-额外设置-特效及动画/预加载动画</code>中开启。同时，预加载的动画颜色也支持自定义颜色。
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121194524.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/tx.gif" alt=""></p> <h4 id="飘落特效"><a href="#飘落特效" class="header-anchor">#</a> 飘落特效</h4> <p>本主题自带飘落特效，默认关闭，可在您可以在<code>iro主题设置</code>中的<code>全局设置-额外设置-特效及动画/飘落特效</code>中开启。同时，支持多种飘落特效。</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121195107.png" alt=""></p> <h4 id="看板娘-live2d"><a href="#看板娘-live2d" class="header-anchor">#</a> 看板娘 Live2D</h4> <p>本主题自带看板娘 Live2D，默认关闭，可在您可以在<code>iro主题设置</code>中的<code>全局设置-额外设置-特效及动画/Live2D看板娘</code>中开启。</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121200553.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121200653.png" alt=""></p> <h4 id="音符触动效果"><a href="#音符触动效果" class="header-anchor">#</a> 音符触动效果</h4> <p>本主题自带音符触动效果，可在您可以在<code>iro主题设置</code>中的<code>全局设置-额外设置-音符触动效果</code>中开启</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121202701.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/dsf.gif" alt=""></p> <h4 id="pjax局部刷新"><a href="#pjax局部刷新" class="header-anchor">#</a> PJAX局部刷新</h4> <p>设置PJAX局部刷新是否开启显示，在<code>iro主题设置</code>中的<code>全局设置-额外设置-PJAX局部刷新</code>中设置</p> <blockquote><p>开启之后点击新内容将不需要重新加载</p></blockquote> <h4 id="nprogress加载进度条"><a href="#nprogress加载进度条" class="header-anchor">#</a> NProgress加载进度条</h4> <p>设置NProgress加载进度条是否开启显示，在<code>iro主题设置</code>中的<code>全局设置-额外设置-NProgress加载进度条</code>中设置</p> <blockquote><p>加载页面将有进度条提示</p></blockquote> <h4 id="全局平滑滚动"><a href="#全局平滑滚动" class="header-anchor">#</a> 全局平滑滚动</h4> <p>设置全局平滑滚动是否开启显示，在<code>iro主题设置</code>中的<code>全局设置-额外设置-全局平滑滚动</code>中设置</p> <blockquote><p>页面滚动将更加平滑</p></blockquote> <h4 id="分页模式"><a href="#分页模式" class="header-anchor">#</a> 分页模式</h4> <p>设置主页分页模式，在<code>iro主题设置</code>中的<code>全局设置-额外设置-分页模式</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122012054.png" alt=""></p> <ul><li>Ajax加载
<ul><li>下一页自动加载：设置自动加载等待时长</li></ul></li></ul> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122012237.png" alt=""></p> <ul><li>上下页</li></ul> <h4 id="下一页加载占位svg"><a href="#下一页加载占位svg" class="header-anchor">#</a> 下一页加载占位SVG</h4> <p>设置下一页加载占位SVG URL，在<code>iro主题设置</code>中的<code>全局设置-额外设置-下一页加载占位SVG</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/load_svg/ball.svg" alt=""></p> <h2 id="主页设置"><a href="#主页设置" class="header-anchor">#</a> 主页设置</h2> <h3 id="封面设置"><a href="#封面设置" class="header-anchor">#</a> 封面设置</h3> <h4 id="封面"><a href="#封面" class="header-anchor">#</a> 封面</h4> <p>设置封面是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面</code>中设置</p> <blockquote><p>如果关闭主页封面将不会显示</p></blockquote> <h4 id="封面全屏显示"><a href="#封面全屏显示" class="header-anchor">#</a> 封面全屏显示</h4> <p>设置封面是否封面全屏显示，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面全屏显示</code>中设置</p> <blockquote><p>如果关闭主页封面将不会全屏显示</p></blockquote> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122093522.png" alt=""></p> <h4 id="封面动画时间"><a href="#封面动画时间" class="header-anchor">#</a> 封面动画时间</h4> <p>设置封面动画时间，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面动画时间</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为1-2</p></blockquote> <h4 id="封面信息栏"><a href="#封面信息栏" class="header-anchor">#</a> 封面信息栏</h4> <p>设置封面是否开启显示封面信息栏，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面信息栏</code>中设置</p> <blockquote><p>如果关闭主页封面<code>头像、白猫特效文字、签名栏、社交区域</code>将不会显示</p></blockquote> <h4 id="封面信息栏样式"><a href="#封面信息栏样式" class="header-anchor">#</a> 封面信息栏样式</h4> <p>设置封面信息栏样式，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面信息栏样式</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/infor_bar_style_v1.png" alt=""></p> <ul><li>分离</li></ul> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/infor_bar_style_v2.png" alt=""></p> <ul><li>合并</li></ul> <h4 id="封面信息栏背景颜色"><a href="#封面信息栏背景颜色" class="header-anchor">#</a> 封面信息栏背景颜色</h4> <p>设置封面信息栏背景颜色，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面信息栏背景颜色</code>中设置</p> <blockquote><p>建议使用浅色系颜色</p></blockquote> <h4 id="封面信息栏头像圆角"><a href="#封面信息栏头像圆角" class="header-anchor">#</a> 封面信息栏头像圆角</h4> <p>设置封面信息栏头像圆角，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面信息栏头像圆角</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值为100</p></blockquote> <h4 id="封面签名栏圆角"><a href="#封面签名栏圆角" class="header-anchor">#</a> 封面签名栏圆角</h4> <p>设置封面签名栏圆角，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面签名栏圆角</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为10-20</p></blockquote> <h4 id="封面签名栏文本"><a href="#封面签名栏文本" class="header-anchor">#</a> 封面签名栏文本</h4> <p>设置封面签名栏文本，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面签名栏文本</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122094611.png" alt=""></p> <h4 id="封面签名栏文本-2"><a href="#封面签名栏文本-2" class="header-anchor">#</a> 封面签名栏文本</h4> <p>设置封面签名栏文本，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面签名栏文本</code>中设置</p> <h4 id="封面签名栏文本字体"><a href="#封面签名栏文本字体" class="header-anchor">#</a> 封面签名栏文本字体</h4> <p>设置封面签名栏文本字体，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面签名栏文本字体</code>中设置</p> <blockquote><p>填写字体名称。例如：Ma Shan Zheng</p></blockquote> <h4 id="封面签名栏文本字体大小"><a href="#封面签名栏文本字体大小" class="header-anchor">#</a> 封面签名栏文本字体大小</h4> <p>设置封面签名栏文本字体大小，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面签名栏文本字体大小</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为15-18</p></blockquote> <h4 id="一言打字效果"><a href="#一言打字效果" class="header-anchor">#</a> 一言打字效果</h4> <p>本主题自带一言打字效果，可在您可以在<code>iro主题设置</code>中的<code>主页设置-封面设置-一言打字效果</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121201717.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/dddd.gif" alt=""></p> <ul><li><p>封面签名栏打字特效双引号：开启之后打字特效首尾两边将追加双引号</p></li> <li><p>封面签名栏打字特效文本：填写打字特效文本部分，一句话两边必须使用<code>英文双引号</code>，如需设置多句话请在二句话之间使用<code>英文逗号隔开</code>，支持HTML标签</p></li></ul> <h3 id="随机图"><a href="#随机图" class="header-anchor">#</a> 随机图</h3> <p>本主题默认采用外部随机图API，需要本地随机库图片，请在<code>iro主题设置</code>中的<code>主页设置-封面随机图片选项</code>中更换即可</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121193522.png" alt=""></p> <ul><li><p>外部随机图：填写随机图地址。</p></li> <li><p>Webp优化随机图：选择后在下方填写 Manifest 路径，更多信息请参考<a href="https://github.com/mashirozx/Sakura/wiki/options" target="_blank" rel="noopener noreferrer">Wiki<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>,，如果你在上面选择了Webp优化随机图，请点击下方蓝色区域的<code>更新 Manifest</code>，来使用Webp随机图。</p></li> <li><p>封面随机图片多终端分离：开启后桌面端和移动端会分别使用不同的随机图API地址</p></li> <li><p>外部API手机端随机图片地址：填写随机图地址。</p></li></ul> <h4 id="封面随机图片滤镜"><a href="#封面随机图片滤镜" class="header-anchor">#</a> 封面随机图片滤镜</h4> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122100212.png" alt=""></p> <p>设置封面签名栏文本字体大小，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面随机图片滤镜</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805145015.png" alt="">无（默认）<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805145401.png" alt="">浅色<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805145637.png" alt="">暗淡<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805145805.png" alt="">网格<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805145920.png" alt="">点点</p> <h4 id="波浪特效"><a href="#波浪特效" class="header-anchor">#</a> 波浪特效</h4> <p>本主题自带波浪特效，默认关闭，可在您可以在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面波浪特效</code>中开启。</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121200216.png" alt=""></p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121200353.png" alt=""></p> <h4 id="首页下拉箭头"><a href="#首页下拉箭头" class="header-anchor">#</a> 首页下拉箭头</h4> <p>本主题自带首页下拉箭头，可在您可以在<code>iro主题设置</code>中的<code>主页设置-封面设置-首页下拉箭头</code>中开启。</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121200828.png" alt=""></p> <h4 id="封面下拉箭头移动端显示"><a href="#封面下拉箭头移动端显示" class="header-anchor">#</a> 封面下拉箭头移动端显示</h4> <p>设置封面下拉箭头移动端是否显示，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面下拉箭头移动端显示</code>中设置</p> <blockquote><p>开启之后移动端首页封面底部将出现下拉箭头</p></blockquote> <h4 id="封面下拉箭头颜色"><a href="#封面下拉箭头颜色" class="header-anchor">#</a> 封面下拉箭头颜色</h4> <p>设置封面下拉箭头颜色，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面下拉箭头颜色</code>中设置</p> <blockquote><p>建议使用浅色系颜色</p></blockquote> <h4 id="封面下拉箭头深色模式颜色"><a href="#封面下拉箭头深色模式颜色" class="header-anchor">#</a> 封面下拉箭头深色模式颜色</h4> <p>设置封面下拉箭头深色模式颜色，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面下拉箭头深色模式颜色</code>中设置</p> <blockquote><p>建议使用深色系颜色</p></blockquote> <h3 id="封面视频"><a href="#封面视频" class="header-anchor">#</a> 封面视频</h3> <p>设置封面视频是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-封面设置-封面下拉箭头深色模式颜色</code>中设置</p> <ul><li><p>封面视频循环：开启之后视频将自动循环，需要开启Pjax功能</p></li> <li><p>封面视频地址：只填写地址，该地址拼接下面的视频名，地址尾部不需要加斜杠，如果视频在站点根目录则填写<code>./</code></p></li> <li><p>封面视频名称：例如：abc.mp4，只需要填写视频文件名abc即可，多个用英文逗号隔开如abc,efg，默认随机播放</p></li></ul> <h3 id="封面社交区域"><a href="#封面社交区域" class="header-anchor">#</a> 封面社交区域</h3> <h4 id="封面社交区域-2"><a href="#封面社交区域-2" class="header-anchor">#</a> 封面社交区域</h4> <p>设置封面社交区域是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-封面社交区域设置-封面社交区域</code>中设置</p> <blockquote><p>开启显示封面随机图片切换按钮和社交网络图标</p></blockquote> <h3 id="全局定制图标"><a href="#全局定制图标" class="header-anchor">#</a> 全局定制图标</h3> <p>您可以在<code>iro主题设置</code>中的<code>主页设置-封面社交区域设置-社交网络图标</code>更换</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121194127.png" alt=""></p> <p>提供12组全局定制图标，每一组都充满个性。</p> <h4 id="封面社交区域圆角"><a href="#封面社交区域圆角" class="header-anchor">#</a> 封面社交区域圆角</h4> <p>设置封面社交区域圆角，在<code>iro主题设置</code>中的<code>主页设置-封面社交区域设置-封面社交区域圆角</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为10-20</p></blockquote> <h4 id="封面随机图片切换按钮"><a href="#封面随机图片切换按钮" class="header-anchor">#</a> 封面随机图片切换按钮</h4> <p>设置封面随机图片切换按钮是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-封面社交区域设置-封面随机图片切换按钮</code>中设置</p> <blockquote><p>开启显示显示封面随机图切换按钮</p></blockquote> <h4 id="社交网络"><a href="#社交网络" class="header-anchor">#</a> 社交网络</h4> <ul><li>支持填写：
<ul><li>微信</li> <li>QQ</li> <li>哔哩哔哩</li> <li>网易云音乐</li> <li>新浪微博</li> <li>GitHub</li> <li>Telegram</li> <li>Steam</li> <li>知乎</li> <li>QQ空间</li> <li>Lofter</li> <li>优酷视频</li> <li>linkedin</li> <li>推特</li> <li>脸书</li> <li>CSDN</li> <li>简书</li> <li>邮箱</li> <li>自定义社交网络图标及链接</li></ul></li></ul> <h3 id="公告栏和区域标题"><a href="#公告栏和区域标题" class="header-anchor">#</a> 公告栏和区域标题</h3> <h4 id="公告"><a href="#公告" class="header-anchor">#</a> 公告</h4> <p>设置封面随机图片切换按钮是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置-公告栏</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122110651.png" alt=""></p> <ul><li>公告栏“广播”图标“开启后“广播”图标将显示在公告栏的左侧</li> <li>公告栏样式：
<ul><li>图片背景
<ul><li>公告栏背景：填写图片URL</li></ul></li> <li>纯色背景
<ul><li>公告栏边框颜色：建议使用与主题色相同色系且属于浅色系的颜色</li></ul></li></ul></li> <li>公告文本：填写公告文本，文本超出142个字节将会被滚动显示</li></ul> <h4 id="公告文本对齐方向"><a href="#公告文本对齐方向" class="header-anchor">#</a> 公告文本对齐方向</h4> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/announce_text_left.png" alt=""></p> <p>左对齐</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/announce_text_right.png" alt=""></p> <p>右对齐</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/announce_text_center.png" alt=""></p> <p>居中对齐</p> <h4 id="公告文本颜色"><a href="#公告文本颜色" class="header-anchor">#</a> 公告文本颜色</h4> <p>设置公告文本颜色，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置-公告文本颜色</code>中设置</p> <blockquote><p>建议根据背景颜色搭配合适的颜色</p></blockquote> <h4 id="展示区域标题"><a href="#展示区域标题" class="header-anchor">#</a> 展示区域标题</h4> <p>设置展示区域标题，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置-展示区域标题</code>中设置</p> <blockquote><p>默认为“展示”，你可以修改为其他，当然不能当广告用！不允许！！</p></blockquote> <h4 id="文章区域标题"><a href="#文章区域标题" class="header-anchor">#</a> 文章区域标题</h4> <p>设置文章区域标题，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置-文章区域标题</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122111855.png" alt=""></p> <blockquote><p>默认为“文章”，你可以修改为其他，当然不能当广告用！不允许！！</p></blockquote> <h4 id="区域标题字体"><a href="#区域标题字体" class="header-anchor">#</a> 区域标题字体</h4> <p>设置区域标题字体，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置-区域标题字体</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122111922.png" alt=""></p> <blockquote><p>填写字体名称。例如：Ma Shan Zheng</p></blockquote> <h4 id="区域标题对齐方向"><a href="#区域标题对齐方向" class="header-anchor">#</a> 区域标题对齐方向</h4> <p>设置区域标题对齐方向，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置区域-标题对齐方向</code>中设置</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/area_title_text_left.png" alt=""></p> <p>左对齐</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/area_title_text_center.png" alt=""></p> <p>居中对齐</p> <p><img src="https://cdn.jsdelivr.net/gh/Fuukei/Public_Repository@latest/vision/options/area_title_text_right.png" alt=""></p> <p>靠右对齐</p> <h4 id="区域标题下分隔线颜色"><a href="#区域标题下分隔线颜色" class="header-anchor">#</a> 区域标题下分隔线颜色</h4> <p>设置区域标题下分隔线颜色，在<code>iro主题设置</code>中的<code>主页设置-公告栏和区域标题设置-区域标题下分隔线颜色</code>中设置</p> <blockquote><p>建议使用与主题色相同色系且属于浅色系的颜色</p></blockquote> <h3 id="展示区域设置"><a href="#展示区域设置" class="header-anchor">#</a> 展示区域设置</h3> <h4 id="展示区域"><a href="#展示区域" class="header-anchor">#</a> 展示区域</h4> <p>设置展示区域是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-展示区域设置-展示区域</code>中设置</p> <ul><li>展示区域样式
<ul><li>左右交替 （默认）
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805151407.png" alt=""></li> <li>从下往上
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805151109.png" alt=""></li></ul></li></ul> <h4 id="展示区域兼容模式"><a href="#展示区域兼容模式" class="header-anchor">#</a> 展示区域兼容模式</h4> <p>设置展示区域兼容模式是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-展示区域设置-展示区域兼容模式</code>中设置</p> <blockquote><p>此选项避免了展示区域错位的问题</p></blockquote> <h4 id="展示区域背景颜色"><a href="#展示区域背景颜色" class="header-anchor">#</a> 展示区域背景颜色</h4> <p>设置展示区域背景颜色，在<code>iro主题设置</code>中的<code>主页设置-展示区域设置-展示区域背景颜色</code>中设置</p> <blockquote><p>建议使用浅色系颜色</p></blockquote> <h4 id="展示区域圆角"><a href="#展示区域圆角" class="header-anchor">#</a> 展示区域圆角</h4> <p>设置展示区域圆角，在<code>iro主题设置</code>中的<code>主页设置-展示区域设置-展示区域圆角</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值为15</p></blockquote> <h4 id="展示区域设置-2"><a href="#展示区域设置-2" class="header-anchor">#</a> 展示区域设置</h4> <p>设置展示区域内容，在<code>iro主题设置</code>中的<code>主页设置-展示区域设置-展示区域设置</code>中设置</p> <ul><li>第一展示区
<ul><li>图片：填写URL</li> <li>标题：</li> <li>描述：（上方选择<code>下往上样式</code>则无描述）</li> <li>地址：填写前往链接</li></ul></li> <li>第二展示区
<ul><li>（同上）</li></ul></li> <li>第三展示区
<ul><li>（同上）</li></ul></li></ul> <h3 id="文章区域"><a href="#文章区域" class="header-anchor">#</a> 文章区域</h3> <h4 id="文章区域展示样式"><a href="#文章区域展示样式" class="header-anchor">#</a> 文章区域展示样式</h4> <p>设置文章区域展示样式，在<code>iro主题设置</code>中的<code>主页设置-文章区域设置-文章区域展示样式</code>中设置</p> <ul><li>图文（默认）样式
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122113924.png" alt=""> <ul><li>文章区域装饰特色图片对齐方向：
<ul><li>左右交替 （默认）
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122114823.png" alt=""></li> <li>向左对齐
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122114900.png" alt=""></li> <li>靠右
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122114942.png" alt=""></li></ul></li></ul></li> <li>标准样式
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122114126.png" alt=""> <ul><li>文章区域装饰特色图片展示形状
<ul><li>圆形（默认）
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122115049.png" alt=""></li> <li>方形
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122115233.png" alt=""></li></ul></li></ul></li></ul> <h4 id="文章区域装饰特色图片选项"><a href="#文章区域装饰特色图片选项" class="header-anchor">#</a> 文章区域装饰特色图片选项</h4> <p>设置文章区域装饰特色图片，在<code>iro主题设置</code>中的<code>主页设置-文章区域设置-文章区域装饰特色图片选项</code>中设置</p> <ul><li>封面随机图片：跟随封面随机图片</li> <li>外部API随机图片
<ul><li>文章区域装饰特色图片外部API随机图片地址</li></ul></li></ul> <h4 id="文章区域-详细-图标"><a href="#文章区域-详细-图标" class="header-anchor">#</a> 文章区域“详细”图标</h4> <p>设置文章区域“详细”图标是否开启显示，在<code>iro主题设置</code>中的<code>主页设置-文章区域设置-文章区域“详细”图标</code>中设置</p> <blockquote><p>开启之后“详细”图标将显示在文章区域内下方
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210122121029.png" alt=""></p></blockquote> <h2 id="页面设置"><a href="#页面设置" class="header-anchor">#</a> 页面设置</h2> <h3 id="综合设置"><a href="#综合设置" class="header-anchor">#</a> 综合设置</h3> <h4 id="页面样式"><a href="#页面样式" class="header-anchor">#</a> 页面样式</h4> <p>设置页面样式，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面样式</code>中设置</p> <ul><li>圆角样式
<img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122123118.png" alt=""></li> <li>直角样式
<img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122123633.png" alt=""></li></ul> <h4 id="页面排版样式"><a href="#页面排版样式" class="header-anchor">#</a> 页面排版样式</h4> <p>设置页面排版样式，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面排版样式</code>中设置</p> <ul><li>默认样式
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805152155.png" alt=""></li> <li>Github样式
<img src="https://cdn.jsdelivr.net/gh/Ukenn2112/image/large/20200805152119.png" alt=""></li></ul> <h4 id="页面装饰图片"><a href="#页面装饰图片" class="header-anchor">#</a> 页面装饰图片</h4> <p>设置页面装饰图片是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面装饰图片</code>中设置</p> <blockquote><p>文字特色图片将显示在文章页面，独立页面和分类页</p></blockquote> <h4 id="页面标题动画"><a href="#页面标题动画" class="header-anchor">#</a> 页面标题动画</h4> <p>设置页面标题动画是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面标题动画</code>中设置</p> <blockquote><p>开启之后页面标题将有浮入动画</p></blockquote> <h4 id="页面标题动画时间"><a href="#页面标题动画时间" class="header-anchor">#</a> 页面标题动画时间</h4> <p>设置页面标题动画时间，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面标题动画时间</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为1-2</p></blockquote> <h4 id="页面标题字体大小"><a href="#页面标题字体大小" class="header-anchor">#</a> 页面标题字体大小</h4> <p>设置页面标题字体大小，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面标题字体大小</code>中设置</p> <blockquote><p>滑动滑块设置，推荐数值范围为20-30</p></blockquote> <h4 id="页面剪切板版权提示"><a href="#页面剪切板版权提示" class="header-anchor">#</a> 页面剪切板版权提示</h4> <p>设置面剪切板版权提示是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-综合设置-面剪切板版权提示</code>中设置</p> <blockquote><p>开启之后用户在复制文字内容超过30字节时，会有版权提示文本</p></blockquote> <h4 id="页面lazyload加载"><a href="#页面lazyload加载" class="header-anchor">#</a> 页面LazyLoad加载</h4> <p>设置页面LazyLoad加载加载是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-综合设置-页面LazyLoad加载</code>中设置</p> <p>页面图片会有LazyLoad加载效果</p> <ul><li><p>页面LazyLoad加载占位SVG：填写SVG链接</p></li> <li><p>页面图像加载占位SVG：填写SVG链接</p></li></ul> <h3 id="文章页面"><a href="#文章页面" class="header-anchor">#</a> 文章页面</h3> <h4 id="文章页面标题下划线动画"><a href="#文章页面标题下划线动画" class="header-anchor">#</a> 文章页面标题下划线动画</h4> <p>设置页面LazyLoad加载加载是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-页面LazyLoad加载</code>中设置</p> <blockquote><p>开启且文章设置了特色图片之后，文章标题将有下划线动画</p></blockquote> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122124843.png" alt=""></p> <h4 id="文章页面上下文章切换"><a href="#文章页面上下文章切换" class="header-anchor">#</a> 文章页面上下文章切换</h4> <p>设置文章页面上下文章切换是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-文章页面上下文章切换</code>中设置</p> <blockquote><p>开启之后文章页面将出现上下文章切换</p></blockquote> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122125111.png" alt=""></p> <h4 id="文章页面版权提示和标签"><a href="#文章页面版权提示和标签" class="header-anchor">#</a> 文章页面版权提示和标签</h4> <p>设置文章页面版权提示和标签是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-文章页面版权提示和标签</code>中设置</p> <blockquote><p>开启之后文章页面将出现版权提示和标签</p></blockquote> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122125207.png" alt=""></p> <h4 id="文章页面作者信息"><a href="#文章页面作者信息" class="header-anchor">#</a> 文章页面作者信息</h4> <p>设置文章页面作者信息是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-文章页面作者信息</code>中设置</p> <blockquote><p>开启之后文章页面将出现作者信息</p></blockquote> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122125442.png" alt=""></p> <ul><li><p>文章页面赞赏按钮支付宝二维码：填写收款码URL</p></li> <li><p>文章页面赞赏按钮微信二维码：填写收款码URL</p></li></ul> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122125615.png" alt=""></p> <h3 id="模板页面"><a href="#模板页面" class="header-anchor">#</a> 模板页面</h3> <h3 id="哔哩哔哩追番模板"><a href="#哔哩哔哩追番模板" class="header-anchor">#</a> #哔哩哔哩追番模板</h3> <ul><li><p>哔哩哔哩追番模板帐号ID</p></li> <li><p>添加模板页面后在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-哔哩哔哩追番模板帐号ID</code>中设置</p></li> <li><p>哔哩哔哩追番模板帐号Cookies</p></li> <li><p>添加模板页面后在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-哔哩哔哩追番模板帐号Cookies</code>中设置</p></li></ul> <h4 id="友情链接模板"><a href="#友情链接模板" class="header-anchor">#</a> 友情链接模板</h4> <ul><li>友情链接模板单元对齐方向</li> <li>添加模板页面后在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-友情链接模板单元对齐方向</code>中设置</li></ul> <h4 id="登录模板"><a href="#登录模板" class="header-anchor">#</a> 登录模板</h4> <ul><li>登录模板注册功能</li> <li>设置登录模板注册功能是否开启，在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-登录模板注册功能</code>中设置</li></ul> <blockquote><p>开启之后登录模板将允许注册</p></blockquote> <ul><li>登录模板注册滑动验证</li> <li>设置登录模板注册滑动验证是否开启，在<code>iro主题设置</code>中的<code>页面设置-文章页面设置-登录模板注册滑动验证</code>中设置</li></ul> <blockquote><p>开启之后登录模板注册需要经过滑动验证</p></blockquote> <h3 id="评论相关"><a href="#评论相关" class="header-anchor">#</a> 评论相关</h3> <h4 id="页面评论区域显示"><a href="#页面评论区域显示" class="header-anchor">#</a> 页面评论区域显示</h4> <p>设置页面评论区域显示方式，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域显示</code>中设置</p> <ul><li>展开显示
<img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122130505.png" alt=""></li> <li>收缩显示
<img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122130545.png" alt=""></li></ul> <h4 id="页面评论区域哔哩哔哩表情包"><a href="#页面评论区域哔哩哔哩表情包" class="header-anchor">#</a> 页面评论区域哔哩哔哩表情包</h4> <p>设置页面评论区域哔哩哔哩表情包是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域哔哩哔哩表情包</code>中设置</p> <h4 id="页面评论区域右下背景图片"><a href="#页面评论区域右下背景图片" class="header-anchor">#</a> 页面评论区域右下背景图片</h4> <p>设置页面评论区域右下背景图片，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域右下背景图片</code>中设置</p> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122130831.png" alt=""></p> <h4 id="页面评论区域ua信息"><a href="#页面评论区域ua信息" class="header-anchor">#</a> 页面评论区域UA信息</h4> <p>设置页面评论区域UA信息是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域UA信息</code>中设置</p> <blockquote><p>开启之后页面评论区域将显示用户的浏览器，操作系统信息</p></blockquote> <p><img src="https://raw.githubusercontent.com/Ukenn2112/irobeta/master/img/20210122130957.png" alt=""></p> <h4 id="页面评论区域位置信息"><a href="#页面评论区域位置信息" class="header-anchor">#</a> 页面评论区域位置信息</h4> <p>设置页面评论区域位置信息是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域位置信息</code>中设置</p> <blockquote><p>开启之后页面评论区域将显示用户的位置信息</p></blockquote> <h4 id="私人评论功能"><a href="#私人评论功能" class="header-anchor">#</a> 私人评论功能</h4> <p>设置页面评论区域位置信息是否开启显示，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域位置信息</code>中设置</p> <blockquote><p>开启之后将允许用户设置自己的评论对其他人不可见,仅博客主可见</p></blockquote> <h4 id="页面评论区域机器人验证"><a href="#页面评论区域机器人验证" class="header-anchor">#</a> 页面评论区域机器人验证</h4> <p>设置页面评论区域机器人验证是否开启，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域机器人验证</code>中设置</p> <blockquote><p>开启之后用户评论前需要经过验证后才可发布</p></blockquote> <h4 id="qq头像链接加密"><a href="#qq头像链接加密" class="header-anchor">#</a> QQ头像链接加密</h4> <p>设置QQ头像链接加密，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-QQ头像链接加密</code>中设置</p> <h4 id="页面评论区域上传图片接口"><a href="#页面评论区域上传图片接口" class="header-anchor">#</a> 页面评论区域上传图片接口</h4> <p>设置页面评论区域上传图片接口，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-页面评论区域上传图片接口</code>中设置</p> <ul><li>支持上传接口有
<ul><li>Imgur</li> <li>SM.MS</li> <li>Chevereto</li></ul></li></ul> <h4 id="评论图片代理"><a href="#评论图片代理" class="header-anchor">#</a> 评论图片代理</h4> <p>设置评论图片代理，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-评论图片代理</code>中设置</p> <h3 id="邮件模板自定义"><a href="#邮件模板自定义" class="header-anchor">#</a> 邮件模板自定义</h3> <p><img src="https://asuhe.jp/wp-content/uploads/2020/04/mail-templates-1024x744.jpg" alt=""></p> <p>我们给邮件模板做了跟随主题色彩，同时也可以在在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-邮件模板特色图片</code>中自定义顶部图片。</p> <h4 id="邮件模板发件地址前缀"><a href="#邮件模板发件地址前缀" class="header-anchor">#</a> 邮件模板发件地址前缀</h4> <p>设置邮件模板发件地址前缀，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-邮件模板发件地址前缀</code>中设置</p> <blockquote><p>用于发送系统邮件，在用户的邮箱中显示的发件人地址，不要使用中文，默认系统邮件地址为 bibi@你的域名</p></blockquote> <h4 id="用户邮件回复通知"><a href="#用户邮件回复通知" class="header-anchor">#</a> 用户邮件回复通知</h4> <p>设置用户邮件回复通知是否开启，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-用户邮件回复通知</code>中设置</p> <blockquote><p>WordPress默认会使用邮件通知用户评论收到回复，开启之后允许用户设置自己的评论收到回复时是否使用邮件通知</p></blockquote> <h4 id="管理员邮件回复通知"><a href="#管理员邮件回复通知" class="header-anchor">#</a> 管理员邮件回复通知</h4> <p>设置管理员邮件回复通知是否开启，在<code>iro主题设置</code>中的<code>页面设置-评论相关设置-管理员邮件回复通知</code>中设置</p> <blockquote><p>开启之后当管理员评论收到回复时使用邮件通知</p></blockquote> <h2 id="短代码"><a href="#短代码" class="header-anchor">#</a> 短代码</h2> <h4 id="文章内嵌块"><a href="#文章内嵌块" class="header-anchor">#</a> 文章内嵌块</h4> <p>本主题预置了4种由短代码实现的文章提示块</p> <p><img src="https://asuhe.jp/wp-content/uploads/2020/04/QQ%E5%9B%BE%E7%89%8720200411201625.png" alt=""> <img src="https://asuhe.jp/wp-content/uploads/2020/04/QQ%E5%9B%BE%E7%89%8720200418233721.png" alt=""></p> <p>使用方法如下：</p> <div class="language- extra-class"><pre class="language-text"><code>[noway]这是禁止提示块[/noway]
[buy]这是允许提示块[/buy]
[task]这是任务提示块[/task]
[warning]这是警告提示块[/warning]
[collapse title=&quot;已知Feature（事实是BUG&quot;]我说没有你信码？（迫真[/collapse]
</code></pre></div><h3 id="特效资源云端化"><a href="#特效资源云端化" class="header-anchor">#</a> 特效资源云端化</h3> <p>下文提到的特效资源大部分都放在云端，节省了本地的占用空间和调用需求。</p> <h3 id="系统级集成升级功能"><a href="#系统级集成升级功能" class="header-anchor">#</a> 系统级集成升级功能</h3> <p><img src="https://cdn.jsdelivr.net/gh/Ukenn2112/irobeta/img/20210121194022.png" alt=""></p> <p>可直接在后台检查并进行更新</p> <p>使用国内服务器用户如无法访问GitHub则可以在<code>iro主题设置</code>中的<code>关于主题-主题更新源</code>更换更新源</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/mirai-mamori/Sakurairo/edit/master/docs/guide/about.md" target="_blank" rel="noopener noreferrer">帮助改善此页面</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/guide/" class="prev router-link-active">
        快速开始
      </a></span> <span class="next"><a href="/guide/feedback.html">
        反馈
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"><!----><!----></div></div>
    <script src="/assets/js/app.901316b9.js" defer></script><script src="/assets/js/2.376dbb9a.js" defer></script><script src="/assets/js/11.f6192926.js" defer></script><script src="/assets/js/3.8d133bb0.js" defer></script>
  </body>
</html>
